<template>
	<div style="background-color: #FFFFFF;">
		<div class="title-box">
			<div class="title-text">尖货最新ALL STAR系列</div>
			<div class="all-text">全部</div>
		</div>
		<div style="padding-left:4.27vw;">
			<div class="good-box" v-for="item in 6">
				<image src="/static/img/posters.png" mode="aspectFill"></image>
				<div>
					<p class="title">C/MEO COLLECTIONNNNN</p>
					<p class="title2">Rose of No Man'ssssss</p>
					<p class="money">
						<span>￥431.00</span>
						<span>￥625.00</span>
					</p>
					<p class="sale-text">
						<label class="pet-font10-time">限时秒杀</label>
						<label class="pet-font10-time left">3折</label>
					</p>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
</script>

<style lang="scss">
	.pet-font10-time {
		border: 1px solid #D2AD87;
		border-radius: 0.53vw;
		padding: 0.27vw 1.07vw;
		font-size: 2.67vw;
		color: #D2AD87;
	}
	.left {
		margin-left: 1.07vw;
	}
	.title-box{
		padding: 6.4vw 4.27vw 4.27vw 4.27vw;
		display: flex;
		justify-content: space-between;
		align-items: center;
		.title-text{
			color: #232323;
			font-size: 4.27vw;
			font-weight: 300;
		}
		.all-text{
			color: #BBBBBB;
			font-size: 3.2vw;
			font-weight: 300;
		}
	}
	.good-box{
		margin-right: 2.13vw;
		margin-bottom: 4.27vw;
		display: inline-block;
		.title {
			font-size: 2.67vw;
			color: #181818;
			font-weight: bold;
			width: 24vw;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			margin-top: 1.07vw;
		}
		
		.title2 {
			font-size: 2.67vw;
			color: #181818;
			font-weight: Light;
			width: 24vw;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		image{
			width: 29.07vw;
			height: 38.67vw;
			border-radius: 2.13vw;
		}
		.money {
			margin-top: 1.07vw;
			font-size: 3.2vw;
			color: #181818;
			font-weight: 500;
			span:nth-child(2){
				color: #BBBBBB;
				font-size: 2.67vw;
				text-decoration: line-through;
				font-weight: 300;
				margin-left: 1.07vw;
			}
		}
	}
	
</style>
